/*! http://www.vancheer.com  |  Powered by vancheer */
@media screen and ( max-width:1004px ){
.wal{ width: auto; padding: 0 0.3rem; }
.pc-hide{ display: block !important; }
.pc-show{ display: none !important; }
.fl,.fr{ float: none; }


/*头部*/

/*尾部*/

/*手机菜单*/
.navLayer{overflow-x: auto; height:100%; width:100%; overflow:hidden; position:fixed; z-index:222; right:-100%; top:0px; display: block; }
.navLayer .top{ height: 1rem; background: #FFFFFF; overflow: hidden; padding: 0 0.52rem; position: absolute; left: 0; right: 0; top: 0; z-index: 56; }
.navLayer .logo{ margin: 0.26rem 0 0; display: inline-block; float: left; }
.navLayer .logo img{ width: 3.3rem; }
.navLayer .close{ line-height: 0.44rem; float: right; margin-top: 0.26rem; }
.navLayer .close img{ height: 0.30rem; }
.navLayer .bg{ padding: 1rem 0 0; position:relative; background:#fff; height:100%; width: 100%; border-top: 0.01rem solid #f2f2f2; overflow-y: auto; box-sizing: border-box; }
.sideNav{ padding: 0 0.52rem 0; overflow-y: auto; }
.subNav:nth-of-type(1) .name{ background: none; }
.subNav{ cursor:pointer; display:block; height:0.86rem; line-height:0.86rem; position:relative;  font-size:14px; color:#3a3a3a; margin-top: 12px; }
.subNav .name{ text-align:left; position:relative; background: url(../images/nav1.png) no-repeat right center; background-size: 0.24rem; position: relative; text-transform: uppercase; font-size: 0.3rem; }
/*.subNav .name em{ margin-left: 12px; }*/
.subNav a{ display:block; height:0.86rem; color:#3a3a3a;}
/*.subNav1{background:url(../images/p_nav1.png) 94% center no-repeat; background-size:6px;}*/
.currentDt{ }
.currentDd span{ color:#ff0000;}
.navContent{display: none; border-bottom:1px solid #f6f6f6;  }
.currentDt .name{ color: #32B663; background: url(../images/nav1on.png) no-repeat right center; background-size: 0.24rem; }
.navContent span{display:block;  height:40px; line-height:40px; font-size: 0.3rem; color:#4d4d4d; padding: 0 0 0 12px; background: url(../images/ico3.png) no-repeat left center; background-size: 6px; }
.navContent span.on{ font-weight: bold; }
.navContent li a{display:block;  height:0.65rem; line-height:0.65rem; color:#4d4d4d; font-size: 0.3rem; padding-left: 0.3rem; }
.navContent li:hover a , .navContent .on a{ color: #32B663; }
.pageBg {position: fixed;z-index: 44;width: 100%;height: 100%;display: none;background: rgba(0,0,0,0.9);left: 0px;top: 0px;}

/*侧边*/

.bigPicLayer1{ display: none; width:100%; max-width:320px; height:300px; position:fixed; z-index:111; top: 50% !important; margin-top:-278px ; padding: 10px; background: #FFFFFF; }
.bigPicLayer1 .close{ display:block; width:30px; height:30px; background:url(../images/m5_off.png) no-repeat; left: 50%; margin-left: -15px ; top:-80px; position: relative; position:absolute; z-index:222;}
.bigPicLayer1 .close em{ width: 1px; height: 50px; background: #FFFFFF; display: block; position: absolute; left: 50%; margin-left: -0.5px; top: 100%;  }
.bigPicLayer1 .imgDiv{ text-align:center;}
.bigPicLayer1 .imgDiv img{ width:100%;}
.bigPicLayer1 .imgDiv span{ display: block; text-align: center;font-size: 18px; margin-top: 16px; color: #fff; font-weight: bold; position: absolute; left: 0; top: 100%; width: 100%; }





/*首页*/

/*手机头部*/
.headBox{ line-height: 1rem; height: 1rem; }
.headBox .logo{ width: 3rem; display: block; float: left; }
.headBox .logo img{ width: 100%; }
.headBox .seekBox{ width: 19px; height: 0.5rem; position: relative; float: left; margin: 0.26rem 0 0; }
.headBox .seekBox:before{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 10; transition: 1s; }
.headBox .seekBox input{ float: right; height: 0.5rem; border-radius: 64px; margin-right: -8px; box-sizing: border-box; width: 0; transition: .5s; background: #FFFFFF; color: #333333; font-size: 0.22rem; }
.headBox .seekBox .seek{ width: 19px; height: 100%; position: absolute; top: 0; right: 0px;  background: url(../images/seek_01.png) no-repeat center; display: block; }
.headBox .seekBox:hover input{ width: 3.6rem; border: #32b663 solid 2px; padding: 0 0.56rem 0 0.2rem; }
.headBox .seekBox:hover:before{ left: 100%; }
.headBox .rightDiv{ float: right; }
.headBox .rightDiv .language{ float: left; display: block; font-size: 0.28rem; color: #32B663; margin-right: 0.28rem; }
.headBox .rightDiv .seekBox{ float: left; margin-right: 0.28rem; }
.headBox .rightDiv .menu{ float: left; width: 0.4rem; }
.headBox .rightDiv .menu img{ width: 100%; }

/*首页banner*/
.ind-banner .ban1{ width: auto; left: 0; right: 0; top: 20%; transform: translate(0); padding: 0 0.3rem; }
.ind-banner .ban1 .p1{ font-size: 0.48rem; margin-bottom: 0.12rem; }
.ind-banner .ban1 .p2{ font-size: 0.24rem; line-height: 0.3rem; }
body .ind-banner .swiper-pagination{ bottom: 0.3rem; }
.ind-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ width: 0.14rem; height: 0.14rem; margin: 0 0.05rem; }
/*banner end*/

/*尾部*/
.footerBtm{ position: static; display: none; }


.indexPage1{ padding: 0.86rem 0 0.5rem; }
.index1 .leftDiv{ width: 100%; padding: 0; }
.title1 .h6{ font-size: 0.46rem; line-height: 0.46rem; margin-bottom: 0.1rem; }
.title1 .en{ font-size: 0.34rem; line-height: 0.34rem; }
.title1 .en a{ width: 1.8rem; text-align: center; height: 0.6rem; position: absolute; bottom: 0; display: flex; justify-content: center; background: #32B663; top: auto; }
.title1 .en a em{ display: inline-block; font-size: 0.22rem; line-height: 0.58rem; padding-right: 0.18rem; background: url(../images/ico_02.png) no-repeat right center; background-size: 0.09rem; color: #FFFFFF; }
.title1{ margin-bottom: 0.32rem; }
.p{ line-height: 0.46rem; font-size: 0.28rem; }
.index1 .rightDiv{ margin-top: 0.26rem; }
.index1 .leftDiv .img{ display: none; }
.index1 .rightDiv{ width: 100%; }
.index1 .rightDiv .img img{ width: 100%; }
.index1 .rightDiv .img vdieo{ width: 100%;height:260px; }

.index1 .rightDiv .img .ico{ background: url(../images/video_i1.png) no-repeat center; background-size: 0.7rem; }
.index1 .rightDiv .img:before{ display: none;  }
.index1 .rightDiv .more1{ display: none; }

.indexPage2{ padding: 0.5rem 0 0.5rem; }
.index2_list2 .slick{ width: 100%; position: relative; }
.index2_list2 .text{ position: absolute; left: 0; top: 0; bottom: 0; right: 0; padding: 0.3rem 0.28rem 0.3rem; }
.index2_list2 .name{  }
.index2_list2 .name .h6{ color: #FFFFFF; font-weight: bold; font-size: 0.38rem; line-height: 0.38rem; margin-bottom: 6px; }
.index2_list2 .name .en{ font-size: 0.28rem; color: #FFFFFF; font-family: 'one'; }
.index2_list2 .Con{ position: absolute; left: 0; bottom: 0rem; right: 0; padding: 0.24rem 0.28rem 0.26rem 0.3rem; background: url(../images/bg_02.png) repeat; color: #FFFFFF; font-size: 0.28rem; line-height: 0.46rem; }
.index2_list2 .slick-dots{ display: flex; justify-content: center; margin: 0.3rem 0 0; }
.index2_list2 .slick-dots li{ width: 0.14rem; height: 0.14rem; background: #cacecd; border-radius: 50%; margin: 0 0.05rem; }
.index2_list2 .slick-dots .slick-active{ background: #32B663; }

.indexPage3{ padding: 0.5rem 0; }
.index3_list2 .title1{ text-align: left; }
.index3_list2 .p{ margin-bottom: 0.24rem; } 
.index3_switch1{  }
.index3_switch1 .slick{ position: relative; }
.index3_switch1 .img{  }
.index3_switch1 .img img{ width: 100%; }
.index3_switch1 .name{ position: absolute; left: 0; right: 0; bottom: 0; padding: 0.3rem 0.3rem 0.22rem; }
.index3_switch1 .name .h6{ font-size: 0.28rem; color: #FFFFFF; margin-bottom: 0.06rem; }
.index3_switch1 .name .en{ font-size: 0.18rem; color: #FFFFFF; }

.index3_switch1 .slick-dots{ display: flex; justify-content: center; margin: 0.3rem 0 0; }
.index3_switch1 .slick-dots li{ width: 0.14rem; height: 0.14rem; background: #cacecd; border-radius: 50%; margin: 0 0.05rem; }
.index3_switch1 .slick-dots .slick-active{ background: #32B663; }

.indexPage4{ padding: 0.38rem 0 0.2rem; }
.index4_Con .leftDiv{ display: none; }
.index4_Con .rightDiv{ width: 100%; }
.index4_List2 .img{ width: 30%; }
.index4_List2 .text{ width: 70%; margin: 0; box-sizing: border-box; padding: 0.20rem 0 0 0.28rem; }
.index4_List2 .time{ font-size: 0.34rem; margin-bottom: 0rem; }
.index4_List2 .p{ font-size: 0.28rem; line-height: 0.46rem; height: 0.92rem; 
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
.index4_List2 li{ padding: 0.3rem 0; border-bottom: 0.01rem solid #f3f3f3; }

.footerBox{ border-top-width: 0.03rem; padding: 0; } 
.footerTop .Top{ display: none; }
.footerTop{ padding: 0.44rem 0; }
.footerTop .Btm{ line-height: normal; }
.footerTop .Btm .leftDiv{ width: 70%; float: left; font-size: 0.28rem; }
.footerTop .Btm .rightDiv{ float: right; display: flex; align-items: center; height: 0.78rem; }
.footerTop .Btm .rightDiv a{ margin: 0 0.2rem 0 0; }
.footerTop .Btm .rightDiv a img{ width: 0.5rem; }
.footerTop .Btm .weChat img.on{ width: 0.5rem; }
.footerTop .Btm .weChat img.off{ width: 0.5rem; }
.footerTop .Btm .weChat .box{ bottom: calc(100% + 0.24rem); margin-left: 0; transform: translateX(-50%); padding:0.08rem }
.footerTop .Btm .weChat .box:before{ width: 0.16rem; height: 0.09rem; background: url(../images/ico_03.png) no-repeat; background-size: cover; margin: 0; transform: translateX(-50%); }
.footerTop .Btm .weChat .box img{ width: 0.9rem; }


/*1-1企业概况*/
.within_Nav .rightDiv{ display: none; }
.within_Nav{ position: relative; background: #32B663; }
.within_Nav span{ background: url(../images/nav_1.png) no-repeat right; background-size: 0.28rem; line-height: 0.86rem; color: #FFFFFF; font-size: 0.3rem; }
.within_Nav span.open{ background: url(../images/nav_1on.png) no-repeat right; background-size: 0.28rem; }
.within_Nav ul{ position: absolute; left: 0; top: 100%; right: 0; background: #FFFFFF; z-index: 20; display: none; }
.within_Nav ul li{ width: 100%; float: none; }
.within_Nav .leftDiv li a{ line-height: 0.8rem; padding: 0 0.3rem; font-size: 0.26rem; }
.within_Nav .leftDiv li.on:before{ display: none; }


.aboutPage1{ padding: 0.6rem 0 0.7rem; }
.about1 .leftDiv{ width: 100%; margin-bottom: 0.34rem; }
.about1 .leftDiv .Con{ max-height: none; overflow: auto; padding-right: 0; }
.about1 .title{ margin-bottom: 0.2rem; } 
.about1 .title .en{ font-size: 0.46rem; margin-bottom: 0.14rem;  }
.about1 .title .h6{ font-size: 0.34rem; line-height: 0.46rem; }
.about1 .leftDiv .p{ margin-bottom: 0.2rem; }
.about1 .rightDiv{ width: 100%; }
.about1 .rightDiv .text{ width: 90%; right: 50%; transform: translateX(50%); padding: 0.22rem 0; bottom: 0.3rem; }
.about1 .rightDiv .text .h6{ padding: 0 0.4rem; line-height: 0.46rem; font-size: 0.32rem; }
.about1 .rightDiv .text .p{ padding: 0 0.4rem; line-height: 0.46rem; font-size: 0.28rem; }
.about1 .rightDiv .text .h6:before{ height: 0.01rem; width: 0.3rem; }

.aboutPage2{ padding: 1rem 0 0.54rem; }
.about2 ul{ display: flex; justify-content: center; flex-wrap: wrap; }
.about2 li{ width: 50%; margin-bottom: 0.12rem; }
.about2 li .num{ font-size: 0.24rem;  }
.about2 li .num em{ font-size: 0.58rem; }
.about2 li .p{ height: 0.92rem; }

.aboutPage3{ padding: 0.6rem 0 0.8rem; }
.about3_Con1{ margin-bottom: 0.5rem; }
.about3_Con1 .leftDiv{ width: 100%; }
.about3_switch1 .slick-dots li{ width: 0.14rem; height: 0.14rem; margin: 0 0.05rem; }
.about3_switch1 .slick-dots{ right: 0.25rem; bottom: 0.3rem; }
.about3_Con1 .rightDiv{ margin: 0.34rem 0 0; width: 100%; }
.about3_Con1 .rightDiv .p{ margin-bottom: 0.18rem; }
.about3_Con1 .rightDiv strong{ font-size: 0.28rem; line-height: 0.48rem; }

.title2 .h6{ font-size: 0.46rem; line-height: 0.46rem; margin-bottom: 0.06rem; }
.title2 .en{ font-size: 0.34rem; }
.about3_Con2 .title2{ margin-bottom: 0.34rem; }
.about3_list1 li{ width: 48%; margin: 0 0 0.24rem; line-height: 0.68rem; height: 0.68rem; }
.about3_list1 .last{ line-height: 0.68rem; text-align: center; }
.about3_list1 .last img{ width: 1.28rem; }
.about3_list1 .last .off{ display: none; }
.about3_list1 .img{ display: none; }
.about3_list1 li:nth-of-type(2n){ float: right; }
.about3_list1 .name{ font-weight: normal; }

.about3_Con3 .leftDiv{ width: 100%; }
.about3_Con3 .rightDiv{ width: 100%; }
.about3_Con3 .text{ padding: 0.36rem 0.2rem 0 0; }
.about3_Con3 .h6{ font-size: 0.34rem; padding: 0 0 0 0.4rem; margin-bottom: 0.16rem; }
.about3_Con3 .h6:before{ height: 0.02rem; width: 0.3rem; top: 0.22rem; }
.about3_Con3 .p{ padding: 0 0 0 0.4rem; }
.about3_Con3 .con{ padding-right: 0.2rem; }
.about3_Con3 .p{ line-height: 0.46rem; }
.about3_Con3 .h7{ font-size: 0.28rem; }

/*1-2企业荣誉*/
.title2{ margin-bottom: 0.36rem; }
.honorpage1{ padding: 0.6rem 0 0.8rem; }
.h_banner {padding: 0 40px; } 
.h_banner .swiper-button-prev {width: 0.42rem;height: 0.42rem;margin-top: -0.42rem;left: 0px; } 
.h_banner .swiper-button-next {width: 0.42rem;height: 0.42rem;margin-top: -0.42rem;right: 0px; } 
.h_banner .swiper-button-prev:hover{  }
.h_banner .swiper-button-next:hover{  }
.h_banner .swiper-slide {width: 100%; } 
.h_banner .swiper-slide p {font-size: 12px; line-height: 0.8rem; }

.honor{ padding: 0.3rem 0 0; }
.honor .list{ padding: 0.3rem 0 0; }
.honor .list ul{ margin-right: -10px; }
.honor .list li{ float: left; width: 50%; margin-bottom: 15px;}
.honor .list li .box{ margin-right: 10px;}
.honor .list li .imgDiv{ padding: 0.14rem; }
.honor .list li .name{ font-size: 12px; height: 0.92rem; line-height: 0.46rem; margin: 0;}

.bigPicLayer{ height: auto; width: 94%; }
.bigPicLayer .name{ font-size: 0.34rem; height: 0.92rem; line-height: 0.92rem; padding: 0.12rem 0 0; }
.bigPicLayer .imgDiv{ padding: 0 0.3rem 0.3rem; }
.bigPicLayer .imgDiv img{ width: 100%; }

.bigPicLayer2 {width: 94%;height: auto;}
.bigPicLayer2 .name{ font-size: 0.34rem; height: 0.92rem; line-height: 0.92rem; padding: 0.12rem 0 0; }
.bigPicLayer2 .imgDiv{ height: auto; padding: 0 0.3rem 0.3rem; }
.bigPicLayer2 .imgDiv img{ height: auto; width: 100%; }

.bigPicLayer3 {width: 94%;height: auto;}
.bigPicLayer3 .name{ font-size: 0.34rem; height: 0.92rem; line-height: 0.92rem; padding: 0.12rem 0 0; }
.bigPicLayer3 .imgDiv{ height: auto; padding: 0 0.3rem 0.3rem; }
.bigPicLayer3 .imgDiv img{ height: auto; width: 100%; }
/*1-4企业影音*/
.videoPage1{ padding: 0.6rem 0 0.8rem; }
.video1 .title2{ margin-bottom: 0.34rem; }
.video_list1 li{ float: none; width: 100%; margin: 0 0 0.2rem; }
.video_list1 li:nth-of-type(2n){ float: none; }
.video_list1 .ico{ background: url(../images/video_i1.png) no-repeat center; background-size: 0.7rem; }
.video_list1 li:hover .ico{ background: rgba(0,0,0,0.4) url(../images/video_i1.png) no-repeat center; background-size: 0.7rem; }
.video_list1 .name{ font-size: 0.26rem; line-height: 0.46rem; padding: 0.15rem; }

.number_Box{ font-size: 0.34rem; padding: 0.2rem 0 0; }
.number_Box .number{ display: none; }
.numMore{ display: block; }

/*1-3发展历程*/
.coursePage1{ padding: 0.6rem 0 0.8rem; }
.course1_list{ background: none; padding: 0.4rem 0 0.8rem; }
.course1_list li{ margin: 0 0 0.34rem; }
.course1_list .leftDiv{ float: none; width: auto; padding: 0.3rem; overflow: hidden; }
.course1_list .leftDiv:before{ display: none; }
.course1_list .leftDiv:after{ display: none; }
.course1_list .img{ width: 70%; margin: 0 auto 0.34rem; }
.course1_list .leftDiv .text{ text-align: center; }
.course1_list .text{ width: 100%; text-align: center; }
.course1_list .time{ font-size: 0.34rem; margin-bottom: 0.12rem; }
.course1_list .p{ line-height: 0.38rem; font-size: 0.26rem; }
.course1_list .text{ min-height: auto; }
.course1_list .rightDiv{ width: auto; float: none; overflow: hidden; padding: 0.3rem; background: #f7f7f7; }
.course1_list .rightDiv .time{ color: #32B663; }
.course1_list .rightDiv .p{ color: #666666; }

/*1-5总裁致辞*/
.addressPage1{ padding: 0.52rem 0 0.8rem; background: none; }
.address .tit{ font-size: 0.34rem; margin-bottom: 0.36rem; }
.address_Con .leftDiv{ width: auto; padding: 0.3rem; }
.address_Con .leftDiv .img{ margin: 0.24rem 0 0; }
.address_Con .leftDiv .img img{ width: 2rem; }
.address_Con .leftDiv .time{ margin: 0.24rem 0 0; font-size: 0.28rem; }
.address_Con .rightDiv{ display: none; }

/*1-6品牌介绍*/
.brandPage1{ padding: 0.6rem 0 0.3rem; }
.brand_Con1 .leftDiv{ width: 100%; }
.brand_Con1 .con1 .fl{ width: 100%; }
.brand_Con1 .con1 .fl img{ width: 100%; }
.brand_Con1 .con1 .fr{ width: 100%; height: auto; min-height: auto; padding: 0.24rem 0 0.4rem; }
.brand_Con1 .rightDiv{ width: 100%; }
.brand_Con1 .rightDiv .img{  }
.brand_Con1 .rightDiv .img img{ width: 100%; }

.brand_List1 li{ width: 100%; }
.brand_List1 li{ float: none; margin: 0 0 0.3rem; } 
.brand_List1 .name1{ height: 0.8rem; line-height: 0.8rem; font-size: 0.28rem; }
.brand_List1 .name2{ font-size: 0.30rem; }

.brandPage2{ padding: 0.6rem 0; }
.brand_Nav2 .img{ display: none; }
.brand_Nav2{ text-align: center; }
.brand_Nav2 li{ width: 48%; line-height: 0.8rem; height: 0.8rem; background: #f7f7f7; margin: 0 0 0.2rem; display: inline-block; float: none; }
.brand_Nav2 .name{ width: 100%; display: block; text-align: center; font-size: 0.26rem; }
.brand_Nav2 .open{ background: #32B663; }

.brand_Con2 .leftDiv{ width: 100%; }
.brand_Con2 .rightDiv{ width: 100%; padding: 0.5rem 0 0; }
.brand_Con2 .h6{ padding: 0 0 0 0.5rem; font-size: 0.34rem; margin-bottom: 0.2rem; }
.brand_Con2 .h6:before{ width: 0.3rem; height: 0.02rem; margin-top: -0.01rem; }
.brand_Con2 .rightDiv strong{ margin-bottom: 0.16rem; font-size: 0.24rem; line-height: 0.46rem; padding: 0 0 0 0.5rem; }
.brand_Con2 .p{ padding: 0 0 0 0.5rem; }

.brandPage3{ padding: 0.58rem 0 0; }
.brand_Con3{ padding: 0 0 0.74rem; margin: 0.3rem 0 0; }
.brand_Con3 .leftDiv{ width: 100%; }
.brand_Con3 .rightDiv{ width: 100%; }
.brand_Con3 .h6{ font-size: 0.28rem; margin-bottom: 0.08rem; }
.brand_Con3 .img{ margin: 0.24rem 0.34rem; }

/*2-1山东千江*/
.affiliatedPage1{ padding: 0.6rem 0 0.3rem; }
.affiliated1 .leftDiv{ width: 100%; }
.affiliated1 .rightDiv{ width: 100%; padding: 0.34rem 0 0; }
.affiliated1 .title2{ margin-bottom: 0.26rem; }
.affiliated1_list1{ margin: 0.4rem 0 0; }
.affiliated1_list1 li{ width: 100%; margin: 0 0 0.3rem; }
.affiliated1_list1 .name{ line-height: 0.8rem; font-size: 0.26rem; }

.affiliatedPage2{ padding: 0.66rem 0 0.3rem; }
.title3{ font-size: 0.34rem; margin-bottom: 0.34rem; }

.affiliatedPage3{ padding: 0.6rem 0 0.4rem; }
.affiliated3_list1 li{ width: 100%; margin: 0 0 0.4rem; }
.affiliated3_list1 .name{ font-size: 0.24rem; line-height: 0.38rem; height: 0.76rem; display: flex; align-items: center; justify-content: center; padding: 0.12rem 0; }

/*2-2西敦粉漆研究*/
.research_Con1{ padding: 0.6rem 0 0; }
.research_List1 li{ margin-bottom: 0.3rem; }
.research_List1 .img{ width: 64%; margin: 0 auto; }
.research_List1 .text{ width: 100%; }
.research_List1 .Con{ padding: 0.5rem 0.3rem 0.34rem 0; }
.research_List1 .h6{ font-size: 0.34rem; padding-left: 0.5rem; margin-bottom: 0.12rem; }
.research_List1 .h6:before{ width: 0.3rem; height: 0.02rem; margin-top: -0.01rem; }
.research_List1 strong{font-size: 0.28rem; line-height: 0.46rem; margin-bottom: 0.2rem; padding-left: 0.5rem; }
.research_List1 .p{ padding-left: 0.5rem; padding-right: 0.2rem; height: auto; overflow: visible;  }

.research_Con2{ padding: 0.6rem 0 0; }


/*2-3茂名化工*/
.maomingPage1{ padding: 0.6rem 0 0.8rem; }

/*3-1工程案例*/
.trafficPage1{ padding: 0.6rem 0 0.8rem; }
.traffic_list1{ margin: 0; }
.traffic_list1 li{ float: none; width: 100%; margin: 0 0 0.3rem; }
.traffic_list1 .name{ font-size: 0.26rem; line-height: 0.44rem; padding: 0.12rem 0 0.12rem; }
.trafficPage2{ padding: 0.6rem 0; }
.traffic2_slick1{ margin: 0 -0.1rem; }
.traffic2_slick1 .slick{ margin: 0 0.1rem; }
.traffic2_slick1 .slick-prev ,
.traffic2_slick1 .slick-next{ width: 0.2rem; height: 0.4rem; margin-top: -0.51rem; }
.traffic2_slick1 .slick-prev{ left: 0.1rem; }
.traffic2_slick1 .slick-next{ right: 0.1rem; }
.traffic2_slick1 .name{ line-height: 0.62rem; }

/*3-1工程案例详情*/
.trafficshowPage1{ padding: 0.6rem 0; }
.trafficshow_Con .slider-for{ float: none; width: 100%; }
.trafficshow_Con .slider-for .imgDiv .name{ height: 0.7rem; line-height: 0.7rem; padding: 0 0.3rem; font-size: 0.28rem; }

.trafficshow_Con .trafficshow_list{ padding: 0; width: 100%; float: none; margin: 0.34rem 0 0; }
.trafficshow_Con .trafficshow_list .slick-slide{ margin: 0; }

.trafficshow_Con .trafficshow_list .slick-prev, .trafficshow_Con .trafficshow_list .slick-next{ width: 0.42rem; height: 0.42rem; margin-top: -0.21rem; top: 50%; }
.trafficshow_Con .trafficshow_list .slick-prev{ background: url(../images/l1.png) no-repeat; background-size: cover; left: 0; }
.trafficshow_Con .trafficshow_list .slick-next{ background: url(../images/r1.png) no-repeat; background-size: cover; right: 0; }
.num_switch{ margin: 0.4rem 0 0; }
.num_switch a{ margin: 0; font-size: 0.28rem; line-height: 0.68rem; height: 0.68rem; width: 31%; }
.num_switch a img{  display: none !important; }
.num_switch .pc-show{ display: block !important; display: flex !important; justify-content: space-between; }
.num_switch .pc-hide{ display: none !important; }

.trafficshow_Con .trafficshow_list .slick-prev:hover{ background: url(../images/l1on.png) no-repeat; background-size: cover; }
.trafficshow_Con .trafficshow_list .slick-next:hover{ background: url(../images/r1on.png) no-repeat; background-size: cover; }

/*产品中心*/
.productPage1{ padding: 0.6rem 0 0.8rem; }
.product_list{ margin-right: 0; }
.product_list li{ float: none; width: auto; margin: 0 0 0.3rem; border-width: 0.05rem; }
.product_list li:last-child{ margin-bottom: 0; }
.product_list .text{ padding: 0.26rem 0.24rem; }
.product_list .name{ font-size: 0.34rem; margin-bottom: 0.2rem; }
.product_list .p{ line-height: 0.46rem; max-height: 1.38rem; }
.product_list .btn{ width: 1.8rem; line-height: 0.54rem; font-size: 0.26rem; margin: 0.26rem 0 0; border-width: 0.01rem; }
.product .number_Box{ padding: 0.4rem 0 0; }


/*产品详情*/
.productshowPage1{ padding: 0.6rem 0 0.8rem; }
.productshow_Con .rightDiv{ width: 100%; padding-bottom: 0.4rem; margin-bottom: 0.34rem; }
.productshow_Con .rightDiv .imgDiv{ display: none; }
.productshow_Con .h6{ padding: 0.3rem 0 0.08rem; font-size: 0.30rem; }
.productshow_Con .rightDiv .Con{ padding: 0 0.3rem; }
.productshow_Con .rightDiv .seek input{ width: 100%; box-sizing: border-box; }
.productshow_Con .rightDiv .seek a{ background: url(../images/seek_01.png) no-repeat 0.08rem center; background-size: 0.26rem; }
.select{ width: 100%; }
.select span{  }  

.productshow_Con .leftDiv{ width: 100%; }
.productshow_Con .content{ padding: 0.08rem 0.3rem 0.16rem; } 
.productshow_Con .content .h6{ padding: 0.32rem 0 0.16rem; font-size: 0.30rem; }
.productshow_Con .num_switch a{ width: 31%; margin: 0; }

/*研发中心*/
.developPage1{ padding: 0.6rem 0 0.6rem; }
.developPage2{ padding: 0.56rem 0 0.62rem; }
.developBox .officeNav{ position: static; width: 100%; margin-bottom: 0.34rem; }
.developBox .officeNav .slick-slide{ line-height: 0.56rem; font-size: 0.24rem; }
.developPic{ margin: 0; }
.developPic .slick{ margin: 0; }
.developPic .slick-prev, 
.developPic .slick-next{ width: 0.42rem; height: 0.42rem; margin-top: -0.61rem; }
.developPic .slick-prev{ left: 0.3rem; }
.developPic .slick-next{ right: 0.3rem; }
.developPic .slick .name{ line-height: 0.8rem; font-size: 0.28rem; }

/*技术支持*/
.skillPage1{ padding: 0.6rem 0 0.8rem; }
.skill_list li{ padding: 0.15rem 0.3rem; font-size: 0.26rem; line-height: 0.46rem; }
.skill_list .name{ width: 70%; font-weight: normal; }
.skill_list .big{ display: none; }
.skill_list .time{ display: none; }
.skill_list .btn{ width: 30%; }  

/*绿色涂漆*/
.lacquerPage1{ padding: 0.6rem 0 0.8rem }
.lacquer_Con1{ margin: 0.5rem 0 0; }
.lacquer_Con1 .h6{ font-size: 0.28rem; margin-bottom: 0.4rem; }
.lacquer_Con1 .leftDiv{ width: 100%; margin-bottom: 0.34rem; }
.lacquer_Con2 .h6{ margin-bottom: 0.22rem; font-size: 0.28rem; }
.lacquer_Con2 th{ padding: 0.09rem 0; }
.lacquer_Con2 .th1{ width: 36%; }
.lacquer_Con2 .th2{ width: 64%; }

/*5-4专利证书*/
.patent_list1{ margin-right: 0; }
.patent_list1 li{ box-sizing: border-box; width: 100%; margin: 0 0 0.34rem; float: none; padding: 0.3rem; }
.patent_list1 li:nth-of-type(2n){ float: right; } 


/*6-1色彩流行趋势psd*/
.trendPage1{ padding: 0.6rem 0 0.8rem; } 

/*6-2色彩美丽行动*/
.actionPage1{ padding: 0.6rem 0 0.8rem; }


/*7-1新闻资讯*/
.newsPage1{ padding: 0.6rem 0 0.8rem; }
.news_list1{ margin-right: 0; }
.news_list1 li{ margin: 0 0 0.3rem; float: none; width: auto; padding: 0.3rem; }
.news_list1 .time{ font-size: 0.38rem; margin-bottom: 0.26rem; }
.news_list1 .h6{ padding: 0.26rem 0 0; font-size: 0.32rem; line-height: 0.46rem; max-height: 0.92rem; height: auto; }
.news_list1 .p{ line-height: 0.44rem; font-size: 0.28rem; max-height: 1.32rem; height: auto; }

/*新闻详情*/
.newshowPage1{ padding: 0.6rem 0 0.8rem; }
.newshow .title2 .h6{ font-size: 0.36rem; margin-bottom: 0.12rem; }
.newshow .title2 .en{ font-size: 0.24rem; }
.newshow .content{ padding: 0.3rem; }
.newshow .content .img{ margin: 0.32rem 0 0.34rem; }

/*最新招聘*/
.jobPage1{ padding: 0.6rem 0 0.8rem; }
.jobPage1 li{ padding: 0.4rem 1.5rem 0.3rem 0.3rem; }
.jobPage1 .name{ width: auto; float: none; margin-right: 0; font-size: 0.34rem; line-height: 0.34rem; border-right: none; }
.jobPage1 .name:before{ bottom: -0.18rem; }
.jobPage1 .ico{ width: 1rem; background: #eaeaea url(../images/ico_24.png) no-repeat center; background-size: 0.16rem; }
.jobPage1 .content{ width: 100%; float: none; padding: 0.4rem 0 0; }
.jobPage1 .content .h6{ margin: 0.3rem 0 0.16rem; }
.jobPage1 .open .ico { background: #eaeaea url(../images/ico_30.jpg) no-repeat center; background-size: 0.16rem; }

/*联系我们*/
.contact .title2 .h6{ font-size: 0.36rem; }
.contact .title2 .en{ font-size: 0.24rem; }
.contact .h6{ font-size: 0.32rem; margin-bottom: 0.2rem; }
.contact .content{ padding-bottom: 0.34rem; }
.contact .content .leftDiv{ width: 100%; margin-bottom: 0.34rem; }
.contact .content .rightDiv{ width: 100%; }
.contact_nav{ border-bottom-width: 0.01rem; margin-bottom: 0.24rem; border-bottom-width: 0.01rem; float: left; } 
.contact_nav li{ font-size: 0.28rem; padding: 0.12rem 0.24rem; margin: 0; }
.contact_nav .open{ color: #FFFFFF; background: #32B663; }
.contact_nav .open:before{ display: none; }

.contactPage1 .map{  }
.contactPage1 .map img{ height: 5rem; }


/*在线留言*/
.messagePage1{ padding: 0.6rem 0 0.8rem; }
.message{ padding: 0.3rem; }
.message .leftDiv{ width: 100%; float: none; }
.message .leftDiv .name{ left: 22px; }
.message .leftDiv li{ margin-bottom: 0.12rem; line-height: 0.68rem; }
.message .leftDiv li .input{ padding-left: 100px; }
.message .rightDiv{ margin:12px 0 0 0; width: 100%; }
.message .rightDiv .box{ position: relative; }
.message .rightDiv .name{ position: absolute; left: 0; top: 0; }
.message .leftDiv li input{ padding: 0 0.15rem; height: 0.60rem; }
.message .rightDiv textarea{ height: 2.4rem; margin-left: 2rem; width: calc( 100% - 2rem); padding: 0.15rem; }
.message .rightDiv .btn{ display: flex; justify-content: center; }
.message .rightDiv .btn a{ margin: 0 12px; }













































}